<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="/rwt_utils_3rdparty/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/rwt_speech_recognition/rwt_speech_recognition.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>rwt_speech_recognition</title>
  </head>
  <body>
    <div class="container">
      <div class="page-header">
        <h1><span class="glyphicon glyphicon-star"></span>rwt_speech_recognition <small>robotwebtools speech recognition</small></h1>
      </div>
      <div class="btn-group btn-lg">
        <button type="button" class="btn btn-default" id="continuous"></button>
        <button type="button" class="btn btn-primary" id="once"></button>
        <button type="button" class="btn btn-default" id="speak"></button>
        <div class="btn-group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <span id="language"></span>
            <span class="caret"></span>
          </button>
          <ol class="dropdown-menu" id="lang-selector">
            <li data-value="ja-JP"><a href="#">Japanese</a></li>
            <li data-value="en-US"><a href="#">English</a></li>
            <li data-value="ru-RU"><a href="#">Russian</a></li>
          </ol>
        </div>
      </div>
      <button id="clear-result" class="btn btn-warning"></button>
      <form id="topic-form" role="form" class="form-inline">
        <div class="form-group">
          <input type="text" class="input-sm" id="topic-name" value="/Tablet/voice">
          <input type="number" class="input-sm" id="alternative" value="5">
          <button type="button" class="btn btn-success" id="topic-alt-button"></button>
        </div>
      </form>
      <label class="checkbox inline">
        <input type="checkbox" id="detail"><span id="detail-label"></span>
      </label>
      <label class="checkbox inline">
        <input type="checkbox" id="publish-detail"><span id="publish-detail-label"></span>
      </label>
      <p><span class="bold-label" id="lang-label"></span>: <span id="lang"></span></p>
      <p><span class="bold-label" id="status-label"></span>: <span id="status"></span></p>
      <p><span class="bold-label" id="result-label"></span>: <div id="messages"></div></p>
    </div>
    <script type="text/javascript" src="/rwt_utils_3rdparty/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.robotwebtools.org/EventEmitter2/current/eventemitter2.min.js"></script>
    <script type="text/javascript" src="http://cdn.robotwebtools.org/roslibjs/current/roslib.min.js"></script>
    <script type="text/javascript" src="/rwt_utils_3rdparty/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/rwt_speech_recognition/i18n.js"></script>
    <script type="text/javascript" src="/rwt_speech_recognition/rwt_speech_recognition.js"></script>
  </body>
</html>
